<div class="site-info">
    <p>实心按钮</p>
    <button class="btn">默认按钮</button>
    <button class="btn btn-primary">主题按钮</button>
    <button class="btn btn-info">消息按钮</button>
    <button class="btn btn-success">成功按钮</button>
    <button class="btn btn-warning">警告按钮</button>
    <button class="btn btn-danger">失败按钮</button>
    <button class="btn btn-primary" disabled>禁用按钮</button>
    <button class="btn btn-disabled">禁用按钮</button>
    <button class="btn btn-link">链接按钮</button>
    <p>链接按钮</p>
    <a href="javascript:;" class="btn">默认链接按钮</a>
    <a href="javascript:;" class="btn btn-primary">主题链接按钮</a>
    <a href="javascript:;" class="btn btn-info">消息链接按钮</a>
    <a href="javascript:;" class="btn btn-success">成功链接按钮</a>
    <a href="javascript:;" class="btn btn-warning">警告链接按钮</a>
    <a href="javascript:;" class="btn btn-danger">失败链接按钮</a>
    <a href="javascript:;" class="btn btn-primary" disabled>禁用链接按钮</a>
    <a href="javascript:;" class="btn btn-disabled">禁用链接按钮</a>
    <p>空心按钮</p>
    <button class="btn">默认按钮</button>
    <button class="btn btn-primary-outline">主题按钮</button>
    <button class="btn btn-info-outline">消息按钮</button>
    <button class="btn btn-success-outline">成功按钮</button>
    <button class="btn btn-warning-outline">警告按钮</button>
    <button class="btn btn-primary" disabled>禁用按钮</button>
    <button class="btn btn-disabled">禁用按钮</button>
    <p>椭圆按钮</p>
    <button class="btn btn-round">默认按钮</button>
    <button class="btn btn-primary btn-round">主题按钮</button>
    <button class="btn btn-info btn-round">消息按钮</button>
    <button class="btn btn-success btn-round">成功按钮</button>
    <button class="btn btn-warning btn-round">警告按钮</button>
    <button class="btn btn-primary btn-round btn-disabled">禁用按钮</button>
    <br><br>
    <button class="btn btn-round">默认按钮</button>
    <button class="btn btn-primary-outline btn-round">主题按钮</button>
    <button class="btn btn-info-outline btn-round">消息按钮</button>
    <button class="btn btn-success-outline btn-round">成功按钮</button>
    <button class="btn btn-warning-outline btn-round">警告按钮</button>
    <button class="btn btn-primary btn-round" disabled>禁用按钮</button>
    <p>圆角按钮</p>
    <button class="btn btn-circle"><i class="hiicon hiicon-upload"></i></button>
    <button class="btn btn-primary btn-circle"><i class="hiicon hiicon-upload"></i></button>
    <button class="btn btn-info btn-circle"><i class="hiicon hiicon-upload"></i></button>
    <button class="btn btn-success btn-circle"><i class="hiicon hiicon-upload"></i></button>
    <button class="btn btn-warning btn-circle"><i class="hiicon hiicon-upload"></i></button>
    <button class="btn btn-primary btn-circle btn-disabled"><i class="hiicon hiicon-upload"></i></button>
    <br><br>
    <button class="btn btn-circle"><i class="hiicon hiicon-upload"></i></button>
    <button class="btn btn-primary-outline btn-circle"><i class="hiicon hiicon-upload"></i></button>
    <button class="btn btn-info-outline btn-circle"><i class="hiicon hiicon-upload"></i></button>
    <button class="btn btn-success-outline btn-circle"><i class="hiicon hiicon-upload"></i></button>
    <button class="btn btn-warning-outline btn-circle"><i class="hiicon hiicon-upload"></i></button>
    <button class="btn btn-primary btn-circle" disabled><i class="hiicon hiicon-upload"></i></button>
    <p>按钮组</p>
    <div class="btn-group">
        <button class="btn btn-primary"><i class="hiicon hiicon-up"></i></button>
        <button class="btn"><i class="hiicon hiicon-right"></i></button>
        <button class="btn"><i class="hiicon hiicon-down"></i></button>
        <button class="btn"><i class="hiicon hiicon-left"></i></button>
    </div><br />
    <div class="btn-group btn-group-horizontal">
        <button class="btn btn-primary"><i class="hiicon hiicon-up"></i></button>
        <button class="btn"><i class="hiicon hiicon-right"></i></button>
        <button class="btn"><i class="hiicon hiicon-down"></i></button>
        <button class="btn"><i class="hiicon hiicon-left"></i></button>
    </div><br />
    <div class="btn-group btn-group-vertical">
        <button class="btn btn-primary"><i class="hiicon hiicon-up"></i></button>
        <button class="btn"><i class="hiicon hiicon-right"></i></button>
        <button class="btn"><i class="hiicon hiicon-down"></i></button>
        <button class="btn"><i class="hiicon hiicon-left"></i></button>
    </div>
    <p>图标按钮</p>
    <button class="btn btn-primary btn-circle">
        <i class="hiicon hiicon-search"></i>
    </button>
    <button class="btn btn-primary">
        <i class="hiicon hiicon-search"></i>
        Primary
    </button>
    <button class="btn btn-success">
        <i class="hiicon hiicon-download"></i>
        Primary
    </button>
    <p>加载图标</p>
    <button class="btn btn-primary btn-circle btn-disabled">
        <i class="hiicon hiicon-reload hiicon-spin"></i>
    </button>
    <button class="btn btn-primary btn-disabled">
        <i class="hiicon hiicon-reload hiicon-spin"></i>
        登录中...
    </button>
    <button class="btn btn-primary btn-disabled">
        <i class="hiicon  hiicon-setting hiicon-spin"></i>
        设置中...
    </button>
    <p>块级按钮</p>
    <button class="btn btn-primary btn-block">块级主题按钮</button>
    <button class="btn btn-info btn-block">块级消息按钮</button>
    <button class="btn btn-success btn-block">块级成功按钮</button>
    <button class="btn btn-danger-outline btn-block">块级失败按钮</button>
</div>